<template>
    <div>
        <el-tabs @tab-click="handleClick" :stretch="true">
            <el-tab-pane name="first">
                <div slot="label" @click="topath('/Djb')">
                    登记薄
                </div>
            </el-tab-pane>
            <el-tab-pane name="second">
                <div slot="label" @click="topath('/Jbzk')">
                    基本状况
                </div>
            </el-tab-pane>
            <!-- 此处应有共有部分页面，但未建此表，不与展示 -->
            <el-tab-pane name="fourth">
                <div slot="label" @click="topath('/Syq')">
                    所有权
                </div>
            </el-tab-pane>
            <el-tab-pane name="fifth">
                <div slot="label" @click="topath('/Xfdy')">
                    他项权（现房抵押）
                </div>
            </el-tab-pane>
            <el-tab-pane name="sixth">
                <div slot="label" @click="topath('/Zjdy')">
                    他项权（在建抵押）
                </div>
            </el-tab-pane>
            <el-tab-pane name="seventh">
                <div slot="label" @click="topath('/Ygdj')">
                    其他（预告登记）
                </div>
            </el-tab-pane>
            <el-tab-pane name="eighth">
                <div slot="label" @click="topath('/Cfdj')">
                    其他（查封登记）
                </div>
            </el-tab-pane>
            <el-tab-pane name="ninth">
                <div slot="label" @click="topath('/Yydj')">
                    其他（异议登记）
                </div>
            </el-tab-pane>
        </el-tabs>
        <el-main class="bottomMain">
            <router-view></router-view>
        </el-main>
    </div>

</template>

<script>
export default {
    data() {
        return {
        };
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        },
        topath(path) {
            this.$router.push({path});
        }
    },
    mounted() {
        this.topath("/Djb");
        
    }
};
</script>